<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>16_创建节点-方法2-innnerHTML</title>
    </head>
    <body>
        <button>添加h1标签</button>

        <script>
            // 获取特殊元素的对象
            // 获取html对象
            // console.log(document.documentElement);

            // 获取body对象
            // console.log(document.body);

            // 获取head对象
            // console.log(document.head);

            var btn = document.querySelector('button');

            btn.onclick = function(){
                document.body.innerHTML = '<h1>230619</h1>'
            }
        </script>
    </body>
</html>